<template>
    <div class="home">
        <y-nav v-bind="navoptions"></y-nav>
        <div class="home-content">
            <y-card-container v-bind="work"></y-card-container>
        </div>
    </div>
</template>

<script>
export default {
    name: 'app',
    data() {
        return {
            navoptions:{
                height:40,
                items:[
                    { title:'桌面',icon:'' }
                ] 
            },
            work: {
                title: '我的工作',
                span: 12,
                cards: [
                    {
                        title: '常用功能',
                        items: [
                            { title: '系统设置', icon: '' },
                            { title: '个人信息', icon: '' },
                            { title: '销售订单', icon: '' },
                            { title: '生产订单', icon: '' },
                            { title: '生产报工', icon: '' }
                        ]
                    },
                    {
                        title: '我的消息',
                        items: [
                            { title: '待办事项', icon: '' },
                            { title: '生产消息', icon: '' },
                            { title: '系统消息', icon: '' },
                            { title: '聊天消息', icon: '' }
                        ]
                    }
                ]
            }
        }
    },

    created() {
        // chrome.pageCapture.saveAsMHTML({ tabId: 00001 }, res => {}) 
    },
    methods: {}
}
</script>
<style lang="less" scoped>
.home {
    width: 740px;
    // border-radius: 5px;
    // padding: 15px;
    .home-header {
        background-color: #fff;
        height: 40px;
    }
    .home-content {
        height: 500px;
        background-color: #e8ecf6;
        padding: 15px;
    }
}
</style>
